<div class="home">
    <!--左边-->
    <div class="left">
        <div class="login left_border">
            <div class="login_top">
                <div class="word">会员中心</div>
            </div>
            <div class="login_center" ng-if="!user.id">
                <div class="name"> 账号：<input type="text" ng-model="user.emailOrPhone" placeholder=" 邮箱或手机号"></div>
                <div class="password"> 密码：<input type="password" ng-model="user.password"></div>
                <a href="" class="enter" ng-click="login()">登录会员中心</a>
            </div>
            <div class="login_bottom"  ng-if="!user.id">
                <a href="#/register">注册</a>
                <a href="#/findPassword">忘记密码</a>
            </div>
            <div class="login_center" ng-if="!!user.id">
                <div class="name"> 账号：{{user.userName}}</div>
            </div>
            <div class="login_bottom" style="padding-left: 40px" ng-if="!!user.id">
                <a href="" ng-click="logout()">退出登录</a>
            </div>
        </div>
        <div class="video left_border">
            <div class="video-title">顺义慈善项目推荐片</div>
            <video ng-src="{{trustSrc(recommendVideos[0])}}" controls="controls">您的浏览器不支持播放</video>
        </div>
        <bank-info></bank-info>
    </div>
    <!--中间部分-->
    <div class="middle">
        <div class="news">
            <div class="news-title">慈善报导</div>
            <div class="news-detail">
                <div class="carousel">
                    <div class="slider-wrapper">
                        <div id="slider" class="nivoSlider">
                            <a ng-repeat="imageReport in charityImageReports" href="#/homepage/24/{{imageReport.id}}"><img ng-src="{{imageReport.coverUrl}}" alt=""></a>
                        </div>
                    </div>
                </div>
                <div class="border"></div>
                <div class="newsList">
                    <ul style="list-style-type:none">
                        <li><a href="#/homepage/24/{{imageReport.id}}" ng-repeat="report in charityReports">•&#8195; {{report.name}}</a></li>
                    </ul>
                    <div class="dotted"></div>
                    <a href="#/homepage/24/" class="more">>>更多</a>
                </div>
            </div>
        </div>
        <div class="project">
            <div class="project-title">救助项目</div>
            <div class="project-detail">
                <a href="#/donation/2"><img src="/web/images/home/1.png" alt=""></a>
                <a href="#/donation/3"><img src="/web/images/home/2.png" alt=""></a>
                <a href="#/donation/4"><img src="/web/images/home/3.png" alt=""></a>
                <a href="#/donation/5"><img src="/web/images/home/4.png" alt=""></a>
                <a href="#/donation/6"><img src="/web/images/home/5.png" alt=""></a>
                <a href="#/donation/7"><img src="/web/images/home/6.png" alt=""></a>
            </div>
        </div>
        <div class="donate">
             <div class="donate-title">
                 <div style="float: left">募捐活动</div>
                 <div class="dotted">............................................................</div>
             </div>
            <div class="donate-detail">
                <div class="left-img"><a href="#/homepage/25/"><img src="/web/images/home/heart.png" alt=""></a></div>
                <div class="right-news">
                    <ul style="list-style-type:none">
                        <li ng-repeat="donate in donateActivities"><a href="#/homepage/25/{{donate.id}}">•&#8195; {{donate.name}}</a></li>
                    </ul>
                    <a href="#/homepage/25/" class="more"> >>更多</a>
                </div>
            </div>
        </div>
        <div class="policy">
           <div class="laws">
                 <div class="laws-title">
                     政策法规
                     <a href="#/homepage/26/" class="more"> >>More</a>
                 </div>
               <div class="lawsList">
                   <ul style="list-style-type:none">
                       <li ng-repeat="rule in policyRules"><a href="#/homepage/26/{{rule.id}}">•&#8195; {{rule.name}}</a></li>
                   </ul>
               </div>
           </div>
            <div class="laws box">
                 <div class="laws-title box-title">
                     他山之石
                     <a href="#/homepage/27/" class="more"> >>More</a>
                 </div>
               <div class="lawsList">
                   <ul style="list-style-type:none">
                       <li ng-repeat="info in otherInfo"><a href="#/homepage/27/{{info.id}}">•&#8195; {{info.name}}</a></li>
                   </ul>
               </div>
           </div>
        </div>
    </div>
    <!--右边-->
    <div class="right">
         <div class="top">
           <div class="top-title">扫一扫，关注更多动态</div>
             <div class="top-img" style="padding-bottom: 14px"><img src="/web/images/home/Charity.png" alt=""><div>慈善协会二维码</div></div>
         </div>
        <div class="">
            <slider-charity></slider-charity>
        </div>
    </div>
</div>
